<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>时间设定历史</legend>
</fieldset>
<table id="time" class="layui-hide" lay-filter="time"></table>

<script src="/static/js/ajax.js"></script>
<script type="text/javascript">

    layui.use(['layer','table','form'], function(){
        var layer=layui.layer,
            table=layui.table,
            form=layui.form;
        table.render({
            elem: '#time'
            ,url:'/api/v1/admin/times'
            ,method:'GET'
            ,toolbar: 'default'
            ,id:'time_table'
            ,defaultToolbar: []
            ,parseData: function (res) {
                return {
                    "code": res.code,
                    "msg": res.msg,
                    "count": res.data.total,
                    "data": res.data.list
                };
            }
            ,cols: [[
                {checkbox: true, fixed: true}
                ,{width:80, title: '序号',type:'numbers'}
                ,{field:'id', width:80, title: '序号', sort: true,hide:true}
                ,{field:'timeName', width:221, title: '名称'}
                ,{field:'setTime',width:185, title: '设定时间', sort: true}
                ,{field:'startTime', width:185, title: '开始时间'}
                ,{field:'endTime', title: '结束时间', width:352}
            ]]
            ,page: true
        });


        // 添加时间页面
        function add_time(){
            layer.open({
                type: 2,
                title:'新增时间',
                area: ['789px', '448px'],
                content: '/static/page/admin/add_time.html',
                end:function (){
                    table.reload('time_table')
                }
            });
        }


        // 对时间进行更新操作
        function update_time(array){
            if(array.length>1){
                layer.msg("只能选择一行进行编辑");
                return false;
            } else if(array.length==0){
                layer.msg("请至少选择一行进行编辑");
                return false;
            }
            layer.open({
                type: 2,
                title:'修改时间',
                area: ['789px', '448px'],
                content: '/static/page/admin/add_time.html',
                success: function(layero, index){
                    postAJAX("GET","/api/v1/admin/time/"+array[0].id,null,null,(data)=>{
                        // 编辑时内容的填充
                        let body = layer.getChildFrame('body', index);
                        let time=data.data.startTime+' ~ '+data.data.endTime;
                        let inputs=body.find("input");
                        inputs[0].value=data.data.timeName;
                        inputs[1].value=time;
                        inputs[3].value=data.data.id;
                        let buttons=body.find('button');
                        buttons[0].style="display:none";
                        buttons[1].style="display:block";

                        // 执行子页面中的刷新select的方法
                        let iframe = window['layui-layer-iframe'+index];
                        iframe.layui.clean_select(data.data.timeName);
                    });
                },
                end:function (){
                    table.reload('time_table')
                }
            })
        }

        // 监听头部工具栏,toolbar中放置的是table的lay-filter属性值
        table.on('toolbar(time)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id);
            switch(obj.event){
                case 'add':
                    add_time();
                    break;
                // case 'delete':
                //     del_subject(checkStatus.data);
                //     break;
                case 'update':
                    update_time(checkStatus.data);
                    break;
            }
        });
    });
</script>